.imi-header{width: 100%;position: fixed;height: 50px;line-height: 50px;}
.imi-main,.imi-menu,.imi-content{height: calc(100% - 50px);}
.imi-main .imi-menu,.el-header .imi-logo{width: 200px;font-family: youyuan;font-size: 22px;text-align: center}
.imi-logo{font-size: 20px;}
.imi-main .imi-content{width: calc(100% - 201px);left: 200px;}
.imi-header .imi-channel{width: calc(100% - 201px);}
.imi-main .imi-box{padding: 15px;}
.el-pagination{padding: 10px 1px 0px 5px;}
.open .imi-menu span{display: none;}
.open .imi-menu,.open .imi-logo{
    transition: width 0.3s, height 0.3s, transform 0.3s;
    width: 64px!important;
}
.close .imi-menu,.close .imi-logo{
    transition: width 0.3s, height 0.3s, transform 0.3s;
    width: 200px!important;
}

.open .imi-channel,.open .imi-content{
    transition: width  0.3s, height 0.3s,left 0.3s, transform 0.3s;
    width: calc(100% - 65px);left: 64px;
}
.close .imi-channel,.close .imi-content{
    transition: width 0.3s, height 0.3s, left 0.3s,transform 0.3s;
    width: calc(100% - 201px);left: 200px;
}
